<template>
  <div class="bottomCenter">
    <DecTitle text="成品产量" />
    <div class="view">
        <lineChart :option="option" />
    </div>
  </div>
</template>

<script>
import DecTitle from "@/components/decTitle";
import lineChart from "@/components/echart/lineChart"
import {option} from "./option"
export default {
  components: {
    DecTitle,
    lineChart
  },
  data() {
    return {
        option:option()
    };
  },
};
</script>

<style lang="scss" scoped>
.bottomCenter {
position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .view{
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 95%;
    height: 300px;
  }
}
</style>